"Bootstrap Mega Menu Design...."
Bootstrap 3.3.0 Snippet by Sagar Sonawane

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Website CSS style --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Pacifico&subset=latin-ext,vietnamese" rel="stylesheet"> <!-- Website Font style --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> <link rel="stylesheet" href="mega menu.css"> <!-- Google Fonts --> <link href='https://fonts.googleapis.com/css?family=Passion+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"> <title>MegaMenu Design</title> </head> <body> <div class="container"> <nav class="navbar navbar-default"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#" style="font-family: 'Pacifico', cursive;color: #2196F3; text-shadow: -1px 2px 0px rgba(0,0,0,.2);">MegaMenu</a> </div> <div class="collapse navbar-collapse js-navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Women</a> <ul class="dropdown-menu mega-dropdown-menu row"> <li class="col-sm-3"> <ul> <li class="dropdown-header" style="margin-left: 10px;">New in Stores</li> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/736x/7e/c7/e5/7ec7e5956c77ab1efd032b7a5459dcae.jpg" class="img-responsive" alt="product 1"></a> <h4><small>Summer dress floral prints</small></h4> <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> <div class="item"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/564x/99/8b/60/998b601f4b2cc22911b6484b06567c15.jpg" class="img-responsive" alt="product 2"></a> <h4><small>Gold sandals with shiny touch</small></h4> <button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> <div class="item"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/736x/9d/bb/4a/9dbb4aaff7c85e6eebbaf9acbfb7e2e1.jpg" class="img-responsive" alt="product 3"></a> <h4><small>Denin jacket stamped</small></h4> <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> </div> <!-- End Carousel Inner --> </div> <!-- /.carousel --> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Dresses</li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> <li class="divider"></li> <li class="dropdown-header">Tops</li> <li><a href="#">Good Typography</a></li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Jackets</li> <li><a href="#">Easy to customize</a></li> <li><a href="#">Glyphicons</a></li> <li><a href="#">Pull Right Elements</a></li> <li class="divider"></li> <li class="dropdown-header">Pants</li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> <li class="divider"></li> <li class="dropdown-header">Tops</li> <li><a href="#">Good Typography</a></li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Accessories</li> <li><a href="#">Default Navbar</a></li> <li><a href="#">Lovely Fonts</a></li> <li><a href="#">Responsive Dropdown </a></li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> <li class="dropdown-header">Jackets</li> <li><a href="#">Easy to customize</a></li> <li><a href="#">Glyphicons</a></li> <li><a href="#">Pull Right Elements</a></li> <li class="divider"></li> <li class="dropdown-header">Pants</li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> </ul> </li> <li class="col-sm-3"> <ul> <li class="dropdown-header">Our Magazine</li> <li> <div class="ads"> <a href="#"><img src="http://www.fragranceads.com/celebrity-endorsements/celebrities/taylor-swift/images/taylor-swift-covergirl-clean-makeup.jpg" class="img-responsive"/></a> </div> </li> </ul> </li> </ul> </li> <li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Men</a> <ul class="dropdown-menu mega-dropdown-menu row"> <li class="col-sm-3"> <ul> <li class="dropdown-header" style="margin-left: 10px;">New in Stores</li> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"> <div class="pro-slider"> <a href="#"><img src="https://sc01.alicdn.com/kf/HTB1eC8nHXXXXXa6aXXXq6xXFXXXo/200411944/HTB1eC8nHXXXXXa6aXXXq6xXFXXXo.jpg" class="img-responsive" alt="product 1"></a> <h4><small>Summer dress floral prints</small></h4> <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> <div class="item"> <div class="pro-slider"> <a href="#"><img src="http://images.fun.com/products/35524/1-2/ford-motor-co-detroit-mens-shirt.jpg" class="img-responsive" alt="product 2"></a> <h4><small>Gold sandals with shiny touch</small></h4> <button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> <div class="item"> <div class="pro-slider"> <a href="#"><img src="http://ecx.images-amazon.com/images/I/41hYM%2BrIWLL.jpg" class="img-responsive" alt="product 3"></a> <h4><small>Denin jacket stamped</small></h4> <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> </div> <!-- End Carousel Inner --> </div> <!-- /.carousel --> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Dresses</li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> <li class="divider"></li> <li class="dropdown-header">Tops</li> <li><a href="#">Good Typography</a></li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Jackets</li> <li><a href="#">Easy to customize</a></li> <li><a href="#">Glyphicons</a></li> <li><a href="#">Pull Right Elements</a></li> <li class="divider"></li> <li class="dropdown-header">Pants</li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> <li class="divider"></li> <li class="dropdown-header">Tops</li> <li><a href="#">Good Typography</a></li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Accessories</li> <li><a href="#">Default Navbar</a></li> <li><a href="#">Lovely Fonts</a></li> <li><a href="#">Responsive Dropdown </a></li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> <li class="dropdown-header">Jackets</li> <li><a href="#">Easy to customize</a></li> <li><a href="#">Glyphicons</a></li> <li><a href="#">Pull Right Elements</a></li> <li class="divider"></li> <li class="dropdown-header">Pants</li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> </ul> </li> <li class="col-sm-3"> <ul> <li class="dropdown-header">Our Magazine</li> <li> <div class="ads"> <a href="#"><img src="https://cdncch2.presspadapp.com/1371cd11/7fbc2879fe29f9538fb38c8efaeac7f1.jpg" class="img-responsive"/></a> </div> </li> </ul> </li> </ul> </li> <li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Kid</a> <ul class="dropdown-menu mega-dropdown-menu row"> <li class="col-sm-3"> <ul> <li class="dropdown-header" style="margin-left: 10px;">New in Stores</li> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/736x/c6/bc/f0/c6bcf057b22a24ef79ab8e4863962e79.jpg" class="img-responsive" alt="product 1"></a> <h4><small>Summer dress floral prints</small></h4> <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> <div class="item"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/736x/89/e6/f3/89e6f3a4f07eb414e162070cb844f226.jpg" class="img-responsive" alt="product 2"></a> <h4><small>Gold sandals with shiny touch</small></h4> <button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> <div class="item"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/originals/a2/84/db/a284db3fb2311daeb99f579eadc7170c.jpg" class="img-responsive" alt="product 3"></a> <h4><small>Denin jacket stamped</small></h4> <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> </div> <!-- End Carousel Inner --> </div> <!-- /.carousel --> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Dresses</li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> <li class="divider"></li> <li class="dropdown-header">Tops</li> <li><a href="#">Good Typography</a></li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Jackets</li> <li><a href="#">Easy to customize</a></li> <li><a href="#">Glyphicons</a></li> <li><a href="#">Pull Right Elements</a></li> <li class="divider"></li> <li class="dropdown-header">Pants</li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> <li class="divider"></li> <li class="dropdown-header">Tops</li> <li><a href="#">Good Typography</a></li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Accessories</li> <li><a href="#">Default Navbar</a></li> <li><a href="#">Lovely Fonts</a></li> <li><a href="#">Responsive Dropdown </a></li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> <li class="dropdown-header">Jackets</li> <li><a href="#">Easy to customize</a></li> <li><a href="#">Glyphicons</a></li> <li><a href="#">Pull Right Elements</a></li> <li class="divider"></li> <li class="dropdown-header">Pants</li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> </ul> </li> <li class="col-sm-3"> <ul> <li class="dropdown-header">Our Magazine</li> <li> <div class="ads"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/564x/3a/3a/f1/3a3af174c3935bc8d4057674f4cc0324.jpg" class="img-responsive"/></a> </div> </li> </ul> </li> </ul> </li> <li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other</a> <ul class="dropdown-menu mega-dropdown-menu row"> <li class="col-sm-3"> <ul> <li class="dropdown-header" style="margin-left: 10px;">New in Stores</li> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/736x/7e/c7/e5/7ec7e5956c77ab1efd032b7a5459dcae.jpg" class="img-responsive" alt="product 1"></a> <h4><small>Summer dress floral prints</small></h4> <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> <div class="item"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/564x/99/8b/60/998b601f4b2cc22911b6484b06567c15.jpg" class="img-responsive" alt="product 2"></a> <h4><small>Gold sandals with shiny touch</small></h4> <button class="btn btn-primary" type="button">9,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> <div class="item"> <div class="pro-slider"> <a href="#"><img src="https://s-media-cache-ak0.pinimg.com/736x/9d/bb/4a/9dbb4aaff7c85e6eebbaf9acbfb7e2e1.jpg" class="img-responsive" alt="product 3"></a> <h4><small>Denin jacket stamped</small></h4> <button class="btn btn-primary" type="button">49,99 €</button> <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button> </div> </div> <!-- End Item --> </div> <!-- End Carousel Inner --> </div> <!-- /.carousel --> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Dresses</li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> <li class="divider"></li> <li class="dropdown-header">Tops</li> <li><a href="#">Good Typography</a></li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Jackets</li> <li><a href="#">Easy to customize</a></li> <li><a href="#">Glyphicons</a></li> <li><a href="#">Pull Right Elements</a></li> <li class="divider"></li> <li class="dropdown-header">Pants</li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> <li class="divider"></li> <li class="dropdown-header">Tops</li> <li><a href="#">Good Typography</a></li> <li><a href="#">Unique Features</a></li> <li><a href="#">Image Responsive</a></li> <li><a href="#">Auto Carousel</a></li> <li><a href="#">Newsletter Form</a></li> <li><a href="#">Four columns</a></li> </ul> </li> <li class="col-sm-2"> <ul> <li class="dropdown-header">Accessories</li> <li><a href="#">Default Navbar</a></li> <li><a href="#">Lovely Fonts</a></li> <li><a href="#">Responsive Dropdown </a></li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> <li class="dropdown-header">Jackets</li> <li><a href="#">Easy to customize</a></li> <li><a href="#">Glyphicons</a></li> <li><a href="#">Pull Right Elements</a></li> <li class="divider"></li> <li class="dropdown-header">Pants</li> <li><a href="#">Coloured Headers</a></li> <li><a href="#">Primary Buttons & Default</a></li> <li><a href="#">Calls to action</a></li> </ul> </li> <li class="col-sm-3"> <ul> <li class="dropdown-header">Our Magazine</li> <li> <div class="ads"> <a href="#"><img src="http://www.fragranceads.com/celebrity-endorsements/celebrities/taylor-swift/images/taylor-swift-covergirl-clean-makeup.jpg" class="img-responsive"/></a> </div> </li> </ul> </li> </ul> </li> </ul> </div> <!-- /.nav-collapse --> </nav> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="mega menu.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); @import url('https://fonts.googleapis.com/css?family=Pacifico&subset=latin-ext,vietnamese'); @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); #playground-container { overflow: hidden !important; } body { font-family: 'Open Sans', 'sans-serif'; background: #f0f0f0; } .collapse.navbar-collapse.js-navbar-collapse { -webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.07); box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.07); } h1, .h1 { font-size: 36px; text-align: center; font-size: 5em; color: #404041; } .navbar-nav>li>.dropdown-menu { margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: none; border-radius: 0px; border-top: 2px solid #2196f3; } .navbar-default .navbar-nav>li>a { font-size: 19px; font-family: 'Pacifico', cursive; text-shadow: -1px 2px 0px rgba(0,0,0,.2); } .mega-dropdown { position: static !important; } .mega-dropdown-menu { padding: 10px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; padding: 3px 0px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: normal; font-size: 13px; font-weight: 600; font-family: 'Roboto', sans-serif; } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #2196f3; background: none; } .mega-dropdown-menu .dropdown-header { color: #2196f3; font-size: 18px; font-family: 'Pacifico', cursive; } .mega-dropdown-menu form { margin: 3px 20px; } .mega-dropdown-menu .form-group { margin-bottom: 3px; } .navbar-default { background-color: #ffffff !important; border: none!important; border-radius: 0px !important; } .glyphicon { position: relative; top: 3px !important; } .dropdown-header { display: block; padding: 3px 0px !important; } .pro-slider{ text-align: center; margin: 10px 10px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.13); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.13);} .pro-slider img{width: 80%; margin: auto; padding:15px 0;} .pro-slider h4 small{font-family: 'Pacifico', cursive;} .btn-primary { border: 0px!important; -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13)!important; -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13)!important; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13)!important; border-radius: 0px!important; margin-bottom: 10px!important; } .btn-default { border: 0px!important; -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13)!important; -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13)!important; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13)!important; border-radius: 0px!important; margin-bottom: 10px!important; } .ads img{margin-top:15px; -webkit-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.07); box-shadow: 0px 0px 38px 0px rgba(0,0,0,0.07); } .input-group{width:200px; float:right;}
jQuery(document).on('click', '.mega-dropdown', function(e) { e.stopPropagation() })

Related: See More


Questions / Comments: